@use 'src/components/style/foundation/media-queries' as media;

.Container {
  display: none;
  animation: slide cubic-bezier(0, 1.17, 0.48, 0.99) 1s forwards;
  animation-delay: 2s;
  transform: translateY(200%);
  z-index: 1000;

  @include media.media(media.$media-query--tablet-up) {
    display: block;
    position: fixed;
    bottom: 1em;
    right: 1em;
  }

  img {
    display: block;
    max-width: 100%;
    height: auto;
    aspect-ratio: 275 / 50;
  }
}

@keyframes slide {
  0% {
    transform: translateY(200%)
  }
  100% {
    transform: translateX(0%)
  }
}
